
<script>
    var QiXiaoTuiMaView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div class="duilianpt">
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div v-for="(item,inx) in dataList.meansList" :key="inx">
                            <template v-if="[0,1].indexOf(item.is_true) != -1">
                                <el-row justify="space-between" gutter="10">
                                    <el-col :span="24">
                                        <div class="text-center">
                                            <span>{{initIssue(item.issue)}}期：{{dataList.remarks}}</span>
                                        </div>
                                    </el-col>
                                </el-row>
                                <div class="duilianpt centent8"  v-if="item.means && item.means[0] && item.means[0].length">
                                    <el-row  type="flex" justify="space-between" class="element-row" v-if="isShowRow(item.means[0],item.is_true,7)">
                                        <el-col :span="12" class="element-title" style="justify-content:left;">
                                            <span class="blue1-text">
                                                七肖:
                                                <span class="red-text" v-for="(vl,vk) in item.means[0]" :key="vk" :class="{'bg-yellow':vl.isTrue}">{{vl.value}}</span>
                                            </span>
                                        </el-col>
                                        <el-col :span="12" class="wave-colors" style="justify-content:left;">
                                            <div class="text-left">
                                                <span class="blue1-text">
                                                    ⑦码:
                                                    <span v-for="(vl,vk) in item.means[0]" :key="vk">
                                                        <span v-for="(fv,fk) in vl.child" :key="fk">
                                                            <span v-if="vk < 6"  :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}" >
                                                                {{fv.value}}
                                                            </span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </div>
                                        </el-col>
                                    </el-row>

                                    <el-row  type="flex" justify="space-between" class="element-row" v-if="isShowRow(item.means[0],item.is_true,5)">
                                        <el-col :span="12" class="element-title" style="justify-content:left;">
                                            <span class="blue1-text">
                                                五肖:
                                                <span class="red-text" v-for="(vl,vk) in item.means[0]" :key="vk">
                                                    <span v-if="vk < 5" :class="{'bg-yellow':vl.isTrue}">{{vl.value}}</span>
                                                </span>
                                            </span>
                                        </el-col>
                                        <el-col :span="12" class="wave-colors" style="justify-content:left;">
                                            <div class="text-left">
                                                <span class="blue1-text">
                                                    ⑤码:
                                                    <span v-for="(vl,vk) in item.means[0]" :key="vk">
                                                        <span v-for="(fv,fk) in vl.child" :key="fk">
                                                            <span v-if="vk < 5"  :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}" >
                                                                {{fv.value}}
                                                            </span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </div>
                                        </el-col>
                                    </el-row>

                                    <el-row  type="flex" justify="space-between" class="element-row" v-if="isShowRow(item.means[0],item.is_true,3)">
                                        <el-col :span="12" class="element-title" style="justify-content:left;">
                                            <span class="blue1-text">
                                                三肖:
                                                <span class="red-text" v-for="(vl,vk) in item.means[0]" :key="vk">
                                                    <span v-if="vk < 3" :class="{'bg-yellow':vl.isTrue}">{{vl.value}}</span>
                                                </span>
                                            </span>
                                        </el-col>
                                        <el-col :span="12" class="wave-colors" style="justify-content:left;">
                                            <div class="text-left">
                                                <span class="blue1-text">
                                                    ③码:
                                                    <span v-for="(vl,vk) in item.means[0]" :key="vk">
                                                        <span v-for="(fv,fk) in vl.child" :key="fk">
                                                            <span v-if="vk < 3"  :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}">
                                                                {{fv.value}}
                                                            </span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </div>
                                        </el-col>
                                    </el-row>

                                    <el-row  type="flex" justify="space-between" class="element-row" v-if="isShowRow(item.means[0],item.is_true,1)">
                                        <el-col :span="12" class="element-title" style="justify-content:left;">
                                            <span class="blue1-text">
                                                一肖:
                                                <span class="red-text" v-for="(vl,vk) in item.means[0]" :key="vk">
                                                    <span v-if="vk < 1" :class="{'bg-yellow':vl.isTrue}">{{vl.value}}</span>
                                                </span>
                                            </span>
                                        </el-col>
                                        <el-col :span="12" class="wave-colors" style="justify-content:left;">
                                            <div class="text-left">
                                                <span class="blue1-text">
                                                    ①码:
                                                    <span v-for="(vl,vk) in item.means[0]" :key="vk">
                                                        <span v-for="(fv,fk) in vl.child" :key="fk">
                                                            <span v-if="vk < 1"  :class="{'bg-yellow':fv.isTrue,'blue-text':(fv.color == 'blue'), 'green1-text':(fv.color == 'green'), 'red-text':(fv.color == 'red')}" >
                                                                {{fv.value}}
                                                            </span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </div>
                                        </el-col>
                                    </el-row>
                                </template>
                            </div>
                        </div>
                    </template>
                </div>`,
        data() { return { nextList:{} } },
        extends:moldExtend,
        mounted() { },
        methods: {
            isShowRow(item,isTrue,nub){
                if(isTrue == 1) {
                    var flag = false;
                    for(var i=0; i<item.length; i++) {
                        if(i < nub) {
                            if(item[i].isTrue) {
                                flag = true;
                                break;
                            }
                        }
                    }
                    return flag;
                }else if(isTrue == 2) {
                    return false;
                }else{
                    return true;
                }
            }
        }
    }
</script>